<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../../js/lib/theme-chalk/index.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/my_commont.css" />
		<link rel="stylesheet" type="text/css" href="index.css" />

		<script src="../../common/utilCookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/author.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/axios.min.js"></script>
		<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入组件库 -->
		<script src="../../js/lib/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/judegetEmpty.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/aixos-init.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/config.js" type="text/javascript" charset="utf-8"></script>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			[v-cloak] {
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="addGoodSpecPropApp" v-cloak>
			<div class="contaner" v-loading.fullscreen.lock="fullscreenLoading">
				<div class="section-header">
					商品 - - 添加商品规格
				</div>
				<hr class="hr-style" />
				<div class="goodSpecProp-contaner">
					<el-form ref="form" :model="form" label-width="120px">
						<el-row>
							<el-col :span="11">

								<el-form-item label="规格名称" >
									<el-input v-model="form.name"></el-input>
								</el-form-item>

							</el-col>
						</el-row>
						<el-row>
							<el-col :span="11">
								<el-form-item label="商品规格">
									<el-cascader-panel :options="options" v-model="districtDefault" @change="handleChange"></el-cascader-panel>
									
								</el-form-item>	
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="11">
								<el-form-item label="可选值">
									<el-input type="textarea" :rows="10" placeholder="请输入内容" v-model="textarea">
									</el-input>

								</el-form-item>
								<div class="tip-item tip-item-height">
									<span>可选值之间以逗号拼接,比如红,白,黑,<br>必须是英文,</span>
								</div>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="11">

								<el-form-item label="权重">
									<el-input v-model="form.weight"></el-input>
								</el-form-item>
								<div class="tip-item tip-item-height">
									<span>规格的权重默认值为5</span>
								</div>
							</el-col>
						</el-row>
						<el-form-item>
							<el-button type="primary" @click="addGoodProp">立即创建</el-button>
						</el-form-item>
						</el-from>
				</div>
			</div>
		</div>
	</body>
</html>
